<!DOCTYPE html>
<html lang="en">
  <head>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <meta charset="utf-8">
    <link rel="stylesheet" href="../lib/css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/onForone.css">
  </head>
  <body>
    <!-- 顶部 -->
    <div class="titleTea">
      <a href="../index.html">
        <span class="glyphicon glyphicon-menu-left"></span>
      </a>
      <h3>城市茶店</h3>
      <span class="currentCity fr">
        北京市
      </span>
    </div>
    <div class="container">
      <!-- 总分类 -->
      <ul class="nav nav-tabs" role="tablist">
        <li role="presentation" class="active"><a href="#con" aria-controls="study" role="tab" data-toggle="tab">分类1</a></li>
        <li role="presentation"><a href="#con" aria-controls="study" role="tab" data-toggle="tab" >分类2</a></li>
      </ul>
      <!-- 分类显示框 -->
      <div class="tab-content">
        <!-- 产品展示 -->
        <div role="tabpanel" class="cityShop active" id="water">
        </div>
      </div>
    </div>
  <div id="allmap"></div>
    <!-- 底部导航 -->
    <div class="teaNav container-fluid">
      <div class="row">
        <div class="home col-xs-4">
          <a href="../index.html"><span class="glyphicon glyphicon-home"></span><span>首页</span></a>
        </div>
        <div class="car col-xs-4">
          <a href="shop_car.html"><span class="glyphicon glyphicon-shopping-cart"></span>
          <span>购物车</span>
        </a>
      </div>
      <div class="myself col-xs-4">
        <a href="myself.html"><span class="glyphicon glyphicon-user"></span><span>我的</span></a>
      </div>
    </div>
  </div>
</body>
<script src="../lib/js/jquery.min.js"></script>
<script src="../lib/js/bootstrap.min.js"></script>
<script src="../lib/template/template-native.js"></script>
<!-- 百度地图 -->
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=ljNFH0Vriwu2HDn3KgCYobrsylaLok1G"></script>
<script type="text" id="nav-tabs">
<% for(var i=0;i<mall.length;i++){%>
<%if(i==0){%>
<li role="presentation" class="active" ><a href="#con" aria-controls="study" role="tab" data_mall_id=<%=mall[i].id%> data-toggle="tab" ><%=mall[i].cate_name%></a></li>
<%}else{%>
<li role="presentation" ><a href="#con" aria-controls="study" data_mall_id=<%=mall[i].id%> role="tab" data-toggle="tab" ><%=mall[i].cate_name%></a></li>
<%}}%>
</script>
<script type="text" id="cityShop">
<%for (var i = 0; i < mall.sing.length; i++) {%>
<a href="#" data-seller_id=<%=mall.sing[i].seller_id%> class="shops">
  <div class="media">
    <div class="media-left">
      <img class="media-object" src=<%=mall.sing[i].street_spjpg%> alt="...">
    </div>
    <div class="media-body">
      <h4 class="media-heading"><%=mall.sing[i].shop_name%></h4>
      <p class="adress">地址：<span><%=mall.sing[i].shop_address%></span></p>
      
      <p class="distance">距我<span class="disOut"><%=meter(mall.sing[i].meter)%>km</span></p>
    </div>
  </div>
</a>
<%}%>
</script>
<script src="../script/cityShop.js"></script>
<script src="../script/rem.js"></script>
</html>